<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>
      网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读
    </title>
    <meta
      name="keywords"
      content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，网易，阅读，网易云阅读"
    />
    <meta
      name="description"
      content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！"
    />
    <meta name="viewport" content="width=device-width" />
    <link rel="shortcut icon" href="./favicon.ico" />
    <!--引入reset-->
    <link rel="stylesheet" href="./css/reset.css" />
    <!--引入function-->
    <link rel="stylesheet" href="./css/function.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="apple-touch-icon" href="img/touchicon.png" />
  </head>

  <body>
    <!--整个文档-->
    <div class="g-doc">
      <!--头部-->
      <div class="g-hd">
        <!--顶部固定条-->
        <div class="m-topbar">
          <div class="inner f-cb">
            <ul class="sns f-fl f-cb">
              <li><a href="#">网易云阅读</a></li>
              <li><span class="sep">|</span></li>
              <li><a href="#">国风中文网</a></li>
              <li><span class="sep">|</span></li>
              <li><a href="#">采薇书院</a></li>
              <li><span class="sep">|</span></li>
              <li><a href="#">从电脑上导入书籍</a></li>
              <li><span class="sep">|</span></li>
              <li>
                <a href="#" class="gzh">公众号</a>

                <div class="m-codelayer">
                  <img src="./images/code-gzh.png" alt="" srcset="" />
                </div>
              </li>
            </ul>
            <!--右侧注册条-->
            <div class="ulink f-fr f-cb">
              <span class="layer">
                <a href="#" class="login"> 登录 </a>
                <div class="login-layer">
                  <ul>
                    <li>
                      <a href="#" class="child1">网易邮箱登录</a>
                    </li>
                    <li><a href="#" class="child2">新浪微博登录</a></li>
                    <li><a href="#" class="child3">手机号登录</a></li>
                    <li><a href="#" class="child4">微信登录</a></li>
                  </ul>
                  <div class="sanjiao">
                    <img src="./images/sanjiao.png" alt="" srcset="" />
                  </div>
                </div>
              </span>
              <span class="sep">|</span>
              <a href="#">注册</a> <span class="sep">|</span>
              <a href="#">举报</a>
              <!-- login 图层-->
            </div>
          </div>
        </div>
        <!-- 头部顶 -->
        <div class="m-headertop">
          <div class="inner f-cb">
            <!-- 左侧logo -->
            <h1 class="m-logo">
              <a href="#"></a>
            </h1>
            <!-- 搜索栏 -->
            <div class="m-sch">
              <form action="">
                <input
                  type="text"
                  class="s-placeholder"
                  value="唐诗里的人间烟火"
                />
                <button type="button"></button>
              </form>
            </div>
            <!-- 右侧订阅栏 -->
            <div class="m-clouds">
              <a href="#" class="m-cloudzx">我的订阅</a>
              <a href="#" class="m-cloudsj">我的书本</a>
            </div>
          </div>
        </div>
        <!-- 头部底 -->
        <div class="m-headerbottom">
          <div class="inner f-cb">
            <ul class="m-mianlist">
              <li><a href="#" class="crt">首页</a></li>
              <li><a href="#" class="crt">出版图书</a></li>
              <li><a href="#" class="crt">国风中文网</a></li>
              <li><a href="#" class="crt">采薇书院</a></li>
              <li><a href="#" class="crt">排行榜</a></li>
              <li class="fr"><b class="icon-open"></b>作者中心</li>
              <li class="fr"><b class="icon-open"></b>充值</li>
              <li class="fr"><b class="icon-open"></b>客户端</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- 中部 -->
      <div class="g-bd">
        <div class="g-sec f-cb">
          <!-- 中部右 -->
          <div class="m-slider m-slider-idx">
            <div class="sliver">
              <ul class="j-sliver">
                <img src="./images/zuojia.jpg" alt="中国作家协会关于进一步加强文学工作者职业道德建设的意见">
              </ul>
            </div>
          </div>
          <!-- 中部左 -->
          <div class="m-menu">
            <div class="category">
              <div class="sub">
                <h3 class="f1">国风中文网<i></i></h3>
                <p>
                  <a href="#" class="hot">都市生活<span class="sep">|</span></a>
                  <a href="#" class="hot">官场职场<span class="sep">|</span></a>
                  <a href="#">玄幻仙侠<span class="sep"></span></a>
                </p>
                <p>
                  <a href="#">悬疑探险<span class="sep">|</span></a>
                  <a href="#">灵异恐怖<span class="sep">|</span></a>
                  <a href="#">短篇小说</a>
                </p>
              </div>
              <div class="more">
                <p class="f-cb">
                  <a href="#">科幻故事</a><span class="sep">|</span>
                  <a href="#">军事谍战</a><span class="sep">|</span>
                  <a href="#">同人网游</a>
                  <a href="#">历史传奇</a>
                </p>
              </div>
            </div>
            <div class="category">
                <div class="sub">
                  <h3 class="f1">采薇书院<i style="display: block"></i></h3>
                  <p>
                    <a href="#">浪漫青春</a><span class="sep">|</span>
                    <a href="#" class="hot">都市言情</a><span class="sep">|</span>
                    <a href="#">古风古韵</a>
                  </p>
                  <p>
                    <a href="#">穿越架空</a><span class="sep">|</span>
                    <a href="#" class="hot">宫斗宅斗</a><span class="sep">|</span>
                    <a href="#">种田重生</a>
                  </p>
                </div>
                  <div class="more">
                    <p class="f-cb">
                      <a href="#">短篇美文</a><span class="sep">|</span>
                      <a href="#">仙侠幻情</a><span class="sep">|</span>
                      <a href="#">灵异推理</a>
                      <a href="#">同人网游</a>
                    </p>
                  </div>
                
              </div>
              <div class="category">
                  <div class="sub">
                    <h3 class="f1">图书<i style="display: block"></i></h3>
                    <p>
                      <a href="#" class="hot">小说作品</a><span class="sep">|</span>
                      <a href="#" class="hot">人文社科</a><span class="sep">|</span>
                      <a href="#">成功励志<span class="sep"></span></a>
                    </p>
                    <p>
                      <a href="#">经济管理</a><span class="sep">|</span>
                      <a href="#">品质生活</a><span class="sep">|</span>
                      <a href="#">计算机</a>
                    </p>
                  </div>
                    <div class="more">
                      <p class="f-cb">
                        <a href="#">文学作品</a><span class="sep">|</span>
                        <a href="#">两性情感</a><span class="sep">|</span>
                        <a href="#">亲子少儿</a>
                      </p>
                      <p class="f-cb">
                        <a href="#">培训考试</a><span class="sep">|</span>
                        <a href="#">杂志期刊</a><span class="sep">|</span>
                        <a href="#">外文外版</a>
                      </p>
                    </div>
                  
                  <div class="category">
                    <div class="sub">
                      <h3 class="f1">客户端APP下载</h3>
                      <p>
                        <a href="#" class="hot">新用户全场免费畅读5天</a>
                      </p>
                      <p>
                        <a href="#">10w+原创小说</a><span class="sep">|</span><a href="#">8w+经典出版</a>
                      </p>
                    </div>
                  </div>
            </div>
          </div>
        </div>
        <div class="g-sec">
            <header>
              <h2>主编推荐</h2>
            </header>
            <div class="m-focus">
              <div class="tabs">
                <ul class="f-cb">
                  <li class="crt"></li>
                  <li class="ll"></li>
                </ul>
              </div>
            </div>
        </div>
        <div class="g-mn"><span>小说</span></div>
        <div class="g-sd"><span>图书</span></div>
        
        <div class="g-ft"></div>
    
  </body>
</html>
